@charset "UTF-8";



.about-box {
    width: 100%;
    min-width: 1264px;

    height: 519px;

    /* background: url(bj2.jpg) no-repeat center; */
    /* background-color: #FF0000; */

    margin-top: 40px;

    text-align: left;

}
/* 标题样式 开始 */
.about-box h2.title, .index-newsbox h2.title, .banner-focusbox h2.title, .product-kc h2.title, .partner-box h2.title{
    border-top: 1px solid #e2e2e2;
    height: 35px;
    border-bottom: 1px solid #e2e2e2;
    color: #2267b5;
    font: bold 14px/35px Verdana,Geneva,sans-serif;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.banner-focusbox h2.title, .product-kc h2.title{
    width: 1250px;
    margin: 0 auto;
}
.index-newsbox .news h2.title{
    width: 750px;
}
.index-newsbox .other h2.title{
    width: 458px;
}
.about-box .more, .index-newsbox .more, .partner-box .more, {
    font: normal 12px/35px "Times New Roman",Times,serif;
    margin-right: 8px;
}
.about-box .right, .index-newsbox .right, .partner-box .right{
    float: right;
    margin-right: 10px;
}
.about-box .more a, .index-newsbox .more a, .partner-box .more a {
    color: #999;
    background-color: normal;
}
.banner-focusbox .h2, .about-box .h2, .index-newsbox .h2, .product-kc .h2, .partner-box .h2{
    float: left;
    width: 140px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #ff0000;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
.product-kc .title{
    margin-bottom: 40px;
}
.banner-focusbox .h2, .product-kc .h2{
    margin-left: 545px;
}
/* 标题样式 结束 */

.about-left {

    width: 516px;

    height: 324px;

    float:left;

    margin-top: 40px;

}

.about-list .slick-arrow {

    position: absolute;

    width: 34px;

    height: 8px;

    bottom:-25px;

    right:0;

    border:none;

    font-size: 0px;

    outline: none;

    cursor: pointer;

}

.about-list .slick-prev {

    background: url(pleft.png) no-repeat;

    right:50px;

}

.about-list .slick-prev:hover {

    background: url(pleft1.png) no-repeat;

}

.about-list .slick-next {

    background: url(pright.png) no-repeat;

}

.about-list .slick-next:hover {

    background: url(pright1.png) no-repeat;

}



.about-right {

    width: 640px;

    float:right;

    margin-top: 40px;

}

.about-right h2 {
    font-size: 22px;
    font-family: 微软雅黑；;
    color: #ff0000;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ff0000;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.about-right h2 p {

    font-size: 28px;

    opacity: 0.8;

    line-height: 60px;
    color: #666;

}

.about-right .about-content {

    color:#000;

    font-size: 14px;

    line-height: 30px;

    /* margin-top:55px; */

}

.about-right .more9 {

    width: 94px;

    height: 33px;

    display: block;

    background: #ff0000;

    color:#fff;

    text-align: center;

    font-size: 14px;

    color:#fff;

    line-height: 33px;

    float:right;

    margin-top:20px;

}

/* 首页资质证书 */
.art_pic {
    border: 1px solid #e2e2e2;
    width: 950px;
    height: 248px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 8px;
    border-top: none;
}

.art_pic.hot {
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    width: 1250px;
    height: 300px;
    overflow: hidden;
    border-top: none;
    position: relative;
}
.art_pic h2 {
    border-top: 1px solid #e2e2e2;
    height: 35px;
    border-bottom: 1px solid #e2e2e2;
    color: #2267b5;
    font: bold 14px/35px Verdana,Geneva,sans-serif;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.art_pic .more {
    font: normal 12px/35px "Times New Roman",Times,serif;
    margin-right: 8px;
}
.art_pic .more a {
    color: #999;
}
.art_pic .right {
    float: right;
    margin-right: 10px;
}
.art_pic .h2 {
    height: 35px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    float: left;
    background: #ff0000;
    /* margin-left: -20px; */
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
.csSlideOuter {
    overflow: hidden;
}
.art_pic ul{margin:25px 0 25px 10px;height:157px;display:block;overflow:hidden;}
.art_pic li{width:215px;height:157px;position:relative;display:inline;float:left;margin-left:18px;overflow:hidden;}
.csSlideWrapper .csSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}
.art_pic.hot img{height: 200px;width: 150px;border: 1px solid #ddd;}
.art_pic.hot ul{height: 200px;}
.art_pic.hot li{height: 200px;margin-left:10px;}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.csAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url(controls.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.csAction > .csPrev {
    background-position: 0 0;
    left: 10px;
}
.csAction > .csNext {
    background-position: -32px 0;
    right: 10px;
}
.art_pic ul {
    margin: 25px 0 25px 10px;
    height: 157px;
    display: block;
    overflow: hidden;
}
.art_pic.hot ul {
    height: 200px;
}
.csSlideOuter .csPager.cSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.csSlideOuter .csPager.cSpg {
    display: none;
}
.art_pic li {
    width: 215px;
    height: 157px;
    position: relative;
    display: inline;
    float: left;
    margin-left: 18px;
    overflow: hidden;
}
.art_pic.hot li {
    height: 200px;
    margin-left: 10px;
}
.csSlideOuter .csPager.cSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.art_pic li a{border:1px solid #ddd;background:#FFF;padding:6px;display:block;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;}
.csSlideOuter .csPager.cSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}